<script setup lang="ts">
/* 
  问：Vue3 废弃了过滤器怎么办？
  答：直接用函数替代过滤器即可。

  PS：过滤器的本质其实就是函数。
*/
const now = new Date()

// 封装普通函数
const format = (d: Date) => {
  return d.toLocaleTimeString()
}
</script>

<template>
  <h1>App-根组件</h1>
  <h2>{{ now }}</h2>
  <!-- 函数在模板中调用，函数的返回值渲染到模板中 -->
  <h2>{{ format(now) }}</h2>
</template>
